<template>
    <header id='head_top'>
        <x-header style="background-color:#1E90FF">{{headTitle}}<a slot="right">{{userInfo.user_name}}</a></x-header>
    </header>
</template>

<script>
import { XHeader } from "vux";
export default {
  data() {
    return {};
  },
  computed: {
      userInfo(){
          console.log("head-this.$store.state.user",this.$store.state.user);
          return this.$store.state.user;
      }
  },
  mounted() {
    // //获取用户信息
    // if (this.userInfo == null) {
    //   this.getUserInfo();
    // }
  },
  props: ["signinUp", "headTitle", "goBack"],
  components: {
    XHeader
  }
};
</script>

<style lang="less" scoped>
@import "~vux/src/styles/1px.less";
@import "~vux/src/styles/center.less";
// #head_top {
//   background-color: #1E90FF;
//   position: fixed;
//   z-index: 100;
//   left: 0;
//   top: 0;
//   width: 100%;
// 	height: 1.95rem;
// }
</style>
